<template>
  <h2>脚手架使用vue-router</h2>

  <nav>
    <!-- RouterLink相当于是a标签，用于改变url -->
    <RouterLink to="/home">首页</RouterLink> |
    <!-- <RouterLink to="/classify">分类页</RouterLink> | -->
    <RouterLink :to="{ name: 'classify' }">分类页</RouterLink> |
    <RouterLink to="/mine">我的页</RouterLink> |
    <RouterLink to="/detail/123">详情页1</RouterLink> |
    <!-- <RouterLink to="/detail/789">详情页2</RouterLink> | -->
    <RouterLink :to="{ name: 'detail', params: { id: 789 } }">
      详情页2
    </RouterLink>
    |
  </nav>

  <!-- RouterView相当于是存放切换内容的容器 -->
  <RouterView />

  <RouterView name="Mine" />
  <RouterView name="Mine2" />
</template>

<!-- 
  git log 查看版本号
  git reset --hard xxxxxx 版本回退
  git pull 重新拉
-->

<style scoped>
.router-link-active {
  color: red;
}
</style>
